<template>
  <div class="logo">
    <div class="seal">灵</div>
    <div class="text">ideasy</div>
  </div>
</template>

<script setup>

</script>

<style scoped>
.logo {
  display: flex;
  height: 40px;
  cursor: pointer;
}

.seal {
  width: 40px;
  height: 40px;
  text-align: center;
  color: white;
  background: red;
  font-size: 30px;
  display: inline-block;
  border-radius: 15px;
  padding-top: 7px;
}

.text {
  width:60px;
  height: 40px;
  font-family: serif;
  font-size: 30px;
  color: #0D6EFDFF;
  padding-top: 5px;
}
</style>
